<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="给浏览器捕捉关于我做的网易新闻作业的描述信息">
    <meta name="keywords" content="新闻，新闻中心">
    <title>网易新闻作业</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <style>
        #one{
            width:70%;
            height:5vh;
            background-color: blanchedalmond;
      
        }   #two{
            width:80%;
            height:5vh;
            background-color: rgb(174, 234, 174);
      
        }   #three{
            width:70%;
            height:4vh;
            background-color: rgb(209, 144, 139);
      
        }   #four{
            width:50%;
            height:4vh;
            background-color: rgb(72, 144, 124);
      
        }   #five{
            width:70%;
            height:4vh;
            background-color: rgb(62, 87, 138);
      
        }   #six{
            width:60%;
            height:4vh;
            background-color: rgb(199, 137, 180);
      
        }   #seven{
            width:60%;
            height:4vh;
            background-color: rgb(220, 146, 159);
      
        }   #eight{
            width:60%;
            height:4vh;
            background-color: rgb(240, 236, 231);
      
        }

        #one:hover{
            background-color: rgb(241, 140, 120);
        }
        #two:hover{
            border-radius: 10px;
        }

        h1:hover{
            color:red;
        } h2:hover{
            color:red;
        } h3:hover{
            color:red;
        }
        美国码头工人罢工影响初现　“抢购卫生纸”现象重演:hover{
            color: red;
        }
        a{
            color:black;
            text-decoration: none;
        }
        .sub_title{
            a:hover{
            color:red;
        }
        }

        body{
            position: relative;
        }
        .news_title_wrapper{
            
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            
        }
        a:hover{
            color:red;
        }
    </style>
</head>

<body>
    <a href="#one"><h1>清澈的爱 只为中国 | 盛世如所愿</h1></a>
    <a href="#two"><h2><strong>荒漠复绿</strong>  <b>老百姓的食物需求更加多样化了</b>  <b>光辉的名字</b></h2></a>
    <a href="#three"><h3>从广播体操到“村BA”……体育嵌入每个人生活当中</h3></a>
    <a href="#four"><h3>专题 | 学习贯彻党的二十届三中全会精神</h3></a>
    <a href="#five"><h3>贵州山居 黔山秀水新地标 | AI我中华 锦绣山河庆华诞<h3></h3></a>
    <a href="#six"><h3>国庆假期全国铁路连续4天发送旅客超1700万人次</h3></a>
    <a href="#seven"><h3>让爱国主义成为每一个中国人的坚定信念和精神依靠</h3></a>
    <a href="#eight"><h3>玻利维亚前外长瓦纳库尼：我亲眼见证中国发展奇迹</h3></a>

<div class="news_title_wrapper">
    <p><p><p><p><p> <h1>清澈的爱 只为中国 | 盛世如所愿</h1>
       <p class="sub_title">
        <a href="">荒漠复绿</a>&nbsp;&nbsp;
        <a href="">老百姓的食物需求更加多样化了</a> &nbsp;
        <a href="">光辉的名字</a>
       </p>
        
        <h3>从广播体操到“村BA”……体育嵌入每个人生活当中</h3>
        <h3>专题 | 学习贯彻党的二十届三中全会精神</h3>
        <h3>贵州山居 黔山秀水新地标 | AI我中华 锦绣山河庆华诞<h3></h3>
        <h3>国庆假期全国铁路连续4天发送旅客超1700万人次</h3>
        <h3>让爱国主义成为每一个中国人的坚定信念和精神依靠</h3>
        <h3>玻利维亚前外长瓦纳库尼：我亲眼见证中国发展奇迹</h3>
    
        <a href="detail.html"target="_blank"><h3>美国码头工人罢工影响初现  “抢购卫生纸”现象重演</h3></a></p></p></p></p></p>
</div>

   



    


    <div id="one"><h1>清澈的爱 只为中国 | 盛世如所愿</h1></div>
    <div id="two"><h2><strong>荒漠复绿</strong>  <b>老百姓的食物需求更加多样化了</b>  <b>光辉的名字</b></h2></div>
    <div id="three"><h3>从广播体操到“村BA”……体育嵌入每个人生活当中</h3></div>
    <div id="four"><h3>专题 | 学习贯彻党的二十届三中全会精神</h3></div>
    <div id="five"><h3>贵州山居 黔山秀水新地标 | AI我中华 锦绣山河庆华诞<h3></h3></div>
    <div id="six"><h3>国庆假期全国铁路连续4天发送旅客超1700万人次</h3></div>
    <div id="seven"><h3>让爱国主义成为每一个中国人的坚定信念和精神依靠</h3></div>
    <div id="eight"><h3>玻利维亚前外长瓦纳库尼：我亲眼见证中国发展奇迹</h3></div>
    

    

</body>
</html>